<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>关于快快</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/basic.css" />
    <link rel="stylesheet" href="../assets/css/app.css" />
    <style type="text/css">
        .am-paragraph-default h2,
        .am-paragraph-default p{ text-align: center; margin: 5px 0;}
        span, span.username{ color: #239b23; }
        .am-titlebar-default{ border: none; margin-left: 0; margin-right: 0; }
        .am-titlebar-default .am-titlebar-title{ color: #333333; font-size: 14px;}
        .am-titlebar{ margin-top: 10px; height: 35px; }
        .am-titlebar-default .am-titlebar-title:before{ border-color: #239b23; }
        @media only screen and (max-width: 320px) {
            .am-paragraph-default h2{ font-size: 16px; }
            .am-paragraph-default p{ font-size: 12px; }
            .am-paragraph-default p.am-text-xl{ font-size: 16px; }
            .am-titlebar-default .am-titlebar-title{ font-size: 14px; }
            .am-titlebar-default .am-titlebar-title:before{ top: 15px; bottom: 7px; }
        }

        @media only screen and (min-width:330px) and (max-width: 380px) {
            .am-paragraph-default h2{ font-size: 18px; }
            .am-paragraph-default p{ font-size: 14px; }
            .am-paragraph-default p.am-text-xl{ font-size: 18px; }
            .am-titlebar-default .am-titlebar-title{ font-size: 16px; }
            .am-titlebar-default .am-titlebar-title:before{ top: 15px; bottom: 7px; }
        }

        @media only screen and (min-width:390px) and (max-width: 480px) {
            .am-paragraph-default h2{ font-size: 22px; }
            .am-paragraph-default p{ font-size: 18px; }
            .am-paragraph-default p.am-text-xl{ font-size: 22px; }
            .am-titlebar-default .am-titlebar-title{ font-size: 20px; }
            .am-titlebar-default .am-titlebar-title:before{ top: 13px; bottom: 3px; }
        }
    </style>
</head>
<body style="background-color: #e8e8e8;">
<article data-am-widget="paragraph" class="am-paragraph am-paragraph-default">
    <p>&nbsp;&nbsp;</p>
    <h2>亲爱的 <span class="username">x x x</span>，感谢您的体验和评价，</h2>
    <p>棒棒的好东西一定要分享给小伙伴才行，</p>
    <p>特送您一沓请小伙伴免费洗车的体验券，</p>
    <p>点击右上角将本链接发送给您的小伙伴即可~</p>
    <p>小伙伴获得免费体验券的同时，</p>
    <p class="am-text-xl"><span>您将获得一个10元现金券哟~</span></p>
</article>

<div><img src="../assets/i/action/new1-line.png" alt=""/></div>

<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
    <h2 class="am-titlebar-title ">如何使用现金券？</h2>
</div>
<article data-am-widget="paragraph" class="am-paragraph am-paragraph-default" style="margin: 0 15px;">
    <p style="text-align: left; color: #666666;">线上购买任何商品支付时选择使用红包/优惠券，即可直接抵扣消费金额</p>
</article>

<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
    <h2 class="am-titlebar-title ">怎么查看现金券？</h2>
</div>
<article data-am-widget="paragraph" class="am-paragraph am-paragraph-default" style="margin: 0 15px;">
    <p style="text-align: left; color: #666666;">现金券红包存在您的快快车生活账户里，进入公众号从菜单栏查看“会员中心”-“我的消费券”</p>
</article>
<div style="margin-top: 30px;"><img src="../assets/i/action/new1-bottom-font.png" alt=""/></div>
</body>
</html>